<template>
  <i>
    <slot v-if="!lang"></slot>
    <b v-else v-html="text"></b>
<!--    <span >{{$t(`h.${lang}`)}}</span>-->
  </i>
</template>

<script>
export default {
  data(){
    return{
      lang:'',
      text:''
    }
  },
  mounted() {
    this.lang = this.$slots.default[0].text
    this.text = this.$t(`${this.lang}`)
  }
}
</script>

<style scoped lang="scss">
i{
  font-style: normal;
}
b{
  font-style: normal;
}
span{
  font-style: normal;
}
</style>